import type { AppProps } from "next/app";
import AuthProvide from "../src/context/AuthProvide";
import MessageBar from "../src/HUI/MessageBar";
import GlobalStyle from "../src/styled/GlobalStyle";
import ThemeProvider from "../src/styled/ThemeProvide";
import NextNProgress from "nextjs-progressbar";

function MyApp({ Component, pageProps }: AppProps) {
    return (
        <>
            <NextNProgress color="#223913" />
            <ThemeProvider>
                <GlobalStyle />
                <AuthProvide>
                    <Component {...pageProps} />
                </AuthProvide>
                <MessageBar />
            </ThemeProvider>
        </>
    );
}

export default MyApp;
